import {Component, Fragment} from 'react';
//布局
import {Layout} from 'antd';
//css
import './index.scss';
//自定义组件
import LayoutHeader from "./Components/LayoutHeader";
import LayoutSider from "./Components/LayoutSider";
import ContainerMain from "../../components/containerMain";

const {Content} = Layout;

class Index extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    }

    render() {
        return (
            <Fragment>
                <Layout theme={'dark'} className={'layout-box'}>
                    <LayoutHeader/>
                    <Layout>
                        <LayoutSider/>
                        <Layout style={{margin: 20,background:'white'}}>
                            <Content
                                className="site-layout-background"
                                style={{
                                    padding: 20,
                                    margin: 0,
                                    height: '100%',
                                }}
                            >
                                <ContainerMain />
                            </Content>
                        </Layout>
                    </Layout>
                </Layout>
            </Fragment>
        )
    }
}

export default Index
